﻿<!doctype html>
<html class="no-js" lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content=""/>
<!-- Document Title -->
<title>NewsTime - Blogger HTML5 Template</title>

<!-- StyleSheets -->
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="css/plugin.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/transition.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bxslider.css">
<link rel="stylesheet" href="css/color-1.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Switcher CSS -->
<link href="./switcher/switcher.css" rel="stylesheet" type="text/css"/> 
<link rel="stylesheet" id="skins" href="./css/color-1.css" type="text/css" media="all">

<!-- FontsOnline -->
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Fira+Sans:400,300italic,300,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>

<!-- JavaScripts -->
<script src="js/modernizr.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>

<!-- Preloader -->
<div id="preloader">
    <div id="status">
        <div id="container">
            <div class="loader">
                <div class="loader-inner pacman">
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Preloader -->

<!-- Wrapper -->
<div class="wrap push">

    <!-- Header -->
    <div class="header-wrap">

        <!-- Navigation Holder -->
        <header class="header header-2">
            <div class="container">
                <div class="nav-holder">

                    <!-- logo -->
                    <div class="logo-holder">
                        <a href="index.html" class="inner-logo-2"></a>
                    </div>
                    <!-- logo -->

                    <!-- Top Right Nav -->
                    <div class="pull-right">
                        <ul class="top-right text-right">
                            <li class="md-trigger" data-modal="login-popup"><a href="#"><i class="fa fa-user"></i></a></li>
                            <li class="md-trigger" data-modal="register-popup"><a href="#"><i class="fa fa-user-plus"></i></a></li>
                            
                            <!-- cart dropdown --> 
                            <li class="cart dropdown">
                                <a href="#" class="dropdown-toggle btn-cart" data-toggle="dropdown">
                                <i class="fa fa-shopping-cart"></i><span>2</span></a>

                                <!-- dropdown -->
                                <div class="dropdown-menu cart-item"> 
                                    <h3>Recently added item(s)</h3>
                                    <ul class="cart-list">
                                        <!-- product -->
                                        <li>
                                            <div class="cart-product-item">
                                                <div class="product-img">
                                                    <img src="images/cart-1.jpg" alt="image description">
                                                </div>
                                                <div class="detail">
                                                    <span class="product-title">Pearl Izumi Men's E:Motion Tri N1 Neutral Race Shoe</span>
                                                    <span class="price">1 x $124.99</span>
                                                </div>
                                                <a class="btn-delete-item">
                                                    <i class="fa fa-times"></i>
                                                </a>
                                            </div>
                                        </li>
                                        <!-- product -->

                                        <!-- product -->
                                        <li>
                                            <div class="cart-product-item">
                                                <div class="product-img">
                                                    <img src="images/cart-2.jpg" alt="image description">
                                                </div>
                                                <div class="detail">
                                                    <span class="product-title">Pearl Izumi Men's E:Motion Tri N1 Neutral Race Shoe</span>
                                                    <span class="price">1 x $124.99</span>
                                                </div>
                                                <a class="btn-delete-item">
                                                    <i class="fa fa-times"></i>
                                                </a>
                                            </div>
                                        </li>
                                        <!-- product -->

                                        <!-- product -->
                                        <li>
                                            <div class="cart-product-item">
                                                <div class="product-img">
                                                    <img src="images/cart-3.jpg" alt="image description">
                                                </div>
                                                <div class="detail">
                                                    <span class="product-title">Pearl Izumi Men's E:Motion Tri N1 Neutral Race Shoe</span>
                                                    <span class="price">1 x $124.99</span>
                                                </div>
                                                <a class="btn-delete-item">
                                                    <i class="fa fa-times"></i>
                                                </a>
                                            </div>
                                        </li>
                                        <!-- product -->
                                    </ul>
                                    <div class="btn-area">
                                        <a href="#" class="btn btn-viewall pull-left red">View All</a>
                                        <a href="#" class="btn btn-checkout pull-right red">Checkout</a>
                                    </div>
                                </div>
                                <!-- dropdown -->

                            </li>
                            <!-- cart dropdown -->
                            <li><a href="#" class="md-trigger" data-modal="search-popup"><i class="fa fa-search"></i></a></li>

                        </ul>
                    </div>
                    <!-- Top Right Nav -->

                    <!-- Navigation -->
                    <div class="cr-navigation">

                        <!-- Navbar -->
                        <nav class="cr-nav">
                            <ul>
                                <li>
                                    <a href="index.html">home</a>
                                    <ul>
                                       <li><a href="index-2.html">Home 2</a></li> 
                                       <li><a href="index-3.html">Home 3</a></li> 
                                    </ul>
                                </li>
                                <li>
                                    <a href="#">categories</a>
                                    <ul>
                                       <li><a href="listing-page-1.html">fashion</a></li> 
                                       <li><a href="listing-page-2.html">sports</a></li> 
                                       <li><a href="listing-page-3.html">world</a></li> 
                                       <li><a href="listing-page-4.html">lifestyle</a></li> 
                                       <li><a href="listing-page-5.html">technology</a></li> 
                                       <li><a href="listing-page-6.html">health</a></li> 
                                       <li><a href="listing-page-7.html">MISC</a></li> 
                                    </ul>
                                </li>
                                <li>
                                    <a href="#">post</a>
                                    <ul>
                                       <li><a href="video-post.html">video post</a></li> 
                                       <li><a href="slider-post.html">slider post</a></li> 
                                       <li><a href="post-detail.html">post detail</a></li> 
                                       <li><a href="post-detail-full-width.html">post detail full width</a></li> 
                                    </ul>
                                </li>
                                <li>
                                    <a href="#">shop</a>
                                    <ul>
                                       <li><a href="products.html">products</a></li> 
                                       <li><a href="products-detail.html">products detail</a></li> 
                                    </ul>
                                </li>
                                <li>
                                    <a href="#">contact</a>
                                    <ul>
                                       <li><a href="contact.html">contact 1</a></li> 
                                       <li><a href="contact-2.html">contact 2</a></li> 
                                       <li><a href="contact-3.html">contact 3</a></li> 
                                    </ul>
                                </li>
                                <li>
                                    <a href="#">404</a>
                                     <ul>
                                       <li><a href="error-404-1.html">404 style 1</a></li> 
                                       <li><a href="error-404-2.html">404 style 2</a></li> 
                                    </ul>
                                </li>
                                <li>
                                    <a href="#">pages</a>
                                    <ul>
                                       <li><a href="faq.html">faq</a></li> 
                                       <li><a href="comming-soon.html">comming soon</a></li> 
                                    </ul>
                                </li>
                            </ul>
                        </nav>
                        <!-- Navbar -->

                        <!-- Secondry Nav -->
                        <ul class="cr-add-nav">
                            <li><a href="#menu" class="menu-link"><i class="fa fa-bars"></i></a></li>
                        </ul>
                        <!-- Secondry Nav -->

                    </div>
                    <!-- Navigation -->

                </div>
            </div>
        </header>
        <!-- Navigation Holder -->

    </div>
    <!-- Header -->

    <!-- news ticker -->
    <div class="news-ticker">
        <div class="container p-relative">
            <span class="badge">just now</span>
            <ul class="post-wrap-list" id="news-ticker">
                <li class="post-wrap big-post">
                    <div class="post-thumb">
                        <img src="images/technology/thumbs/img-01.jpg" alt="post">
                    </div>
                    <div class="post-content">
                        <h4><a href="#">Google is on a journey but we won't really know</a></h4>
                        <ul class="post-meta">
                            <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                            <li><i class="fa fa-comments-o"></i>20</li>
                        </ul>
                    </div>
                </li>
                <li class="post-wrap big-post">
                    <div class="post-thumb">
                        <img src="images/technology/thumbs/img-02.jpg" alt="post">
                    </div>
                    <div class="post-content">
                        <h4><a href="#">Google is on a journey but we won't really know</a></h4>
                        <ul class="post-meta">
                            <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                            <li><i class="fa fa-comments-o"></i>20</li>
                        </ul>
                    </div>
                </li>
                <li class="post-wrap big-post">
                    <div class="post-thumb">
                        <img src="images/technology/thumbs/img-01.jpg" alt="post">
                    </div>
                    <div class="post-content">
                        <h4><a href="#">Google is on a journey but we won't really know</a></h4>
                        <ul class="post-meta">
                            <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                            <li><i class="fa fa-comments-o"></i>20</li>
                        </ul>
                    </div>
                </li>
                <li class="post-wrap big-post">
                    <div class="post-thumb">
                        <img src="images/technology/thumbs/img-02.jpg" alt="post">
                    </div>
                    <div class="post-content">
                        <h4><a href="#">Google is on a journey but we won't really know</a></h4>
                        <ul class="post-meta">
                            <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                            <li><i class="fa fa-comments-o"></i>20</li>
                        </ul>
                    </div>
                </li>
                <li class="post-wrap big-post">
                    <div class="post-thumb">
                        <img src="images/technology/thumbs/img-01.jpg" alt="post">
                    </div>
                    <div class="post-content">
                        <h4><a href="#">Google is on a journey but we won't really know</a></h4>
                        <ul class="post-meta">
                            <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                            <li><i class="fa fa-comments-o"></i>20</li>
                        </ul>
                    </div>
                </li>
                <li class="post-wrap big-post">
                    <div class="post-thumb">
                        <img src="images/technology/thumbs/img-02.jpg" alt="post">
                    </div>
                    <div class="post-content">
                        <h4><a href="#">Google is on a journey but we won't really know</a></h4>
                        <ul class="post-meta">
                            <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                            <li><i class="fa fa-comments-o"></i>20</li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- news ticker -->

    <!-- Banner slider -->
    <div class="banner-slider-3">
        <div class="banner-news-slider big-captions" id="banner-news-slider">
            <div class="news-item-holder">
                <img src="images/banner-3/img-01.jpg" alt="">
                
                <!-- image caption -->
                <div class="caption-holder">
                    <div class="container p-relative">
                        <div class="caption">
                            <span>lifestyle</span>
                            <h3><a href="#">Throughout life people will make you mad, disrespect you and treat you bad. Let God deal with the things they do, cause hate in your heart will consume you too.</a></h3>
                            <!-- post meta -->
                            <ul class="post-meta">
                                <li><i class="fa fa-user"></i>jessica alex</li>
                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                <li><i class="fa fa-comments-o"></i>20</li>
                            </ul>
                            <!-- post meta -->
                            <p>5 Luxury Travel Alternatives For The London Underground Strikes <br>For The London Underground Strikes</p>
                        </div>
                    </div>
                </div>
                <!-- image caption -->
            </div>
            <div class="news-item-holder">
                <img src="images/banner-3/img-02.jpg" alt="">
                
                <!-- image caption -->
                <div class="caption-holder">
                    <div class="container p-relative">
                        <div class="caption">
                            <span>lifestyle</span>
                            <h3><a href="#">Throughout life people will make you mad, disrespect you and treat you bad. Let God deal with the things they do, cause hate in your heart will consume you too.</a></h3>
                            <!-- post meta -->
                            <ul class="post-meta">
                                <li><i class="fa fa-user"></i>jessica alex</li>
                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                <li><i class="fa fa-comments-o"></i>20</li>
                            </ul>
                            <!-- post meta -->
                            <p>5 Luxury Travel Alternatives For The London Underground Strikes <br>For The London Underground Strikes</p>
                        </div>
                    </div>
                </div>
                <!-- image caption -->
            </div>
            <div class="news-item-holder">
                <img src="images/banner-3/img-03.jpg" alt="">
                
                <!-- image caption -->
                <div class="caption-holder">
                    <div class="container p-relative">
                        <div class="caption">
                            <span>lifestyle</span>
                            <h3><a href="#">Throughout life people will make you mad, disrespect you and treat you bad. Let God deal with the things they do, cause hate in your heart will consume you too.</a></h3>
                            <!-- post meta -->
                            <ul class="post-meta">
                                <li><i class="fa fa-user"></i>jessica alex</li>
                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                <li><i class="fa fa-comments-o"></i>20</li>
                            </ul>
                            <!-- post meta -->
                            <p>5 Luxury Travel Alternatives For The London Underground Strikes <br>For The London Underground Strikes</p>
                        </div>
                    </div>
                </div>
                <!-- image caption -->
            </div>
        </div>          
    </div>
    <!-- Banner slider -->

    <!-- Main Content -->
    <main class="wrapper"> 
        <div class="theme-padding">
            <div class="container">

                <!-- latest  news slider -->
                <div class="row">
                    <div class="col-md-12">
                        <div class="post-widget mb-60">

                            <!-- Heading -->
                            <div class="primary-heading">
                                <h2>what's hot right now</h2>
                            </div>
                            <!-- Heading -->

                            <!-- post slider -->
                            <div class="white-bg p-30 light-shadow slider-post" id="sliderPost"> 
                                <div id="post-slider-1">

                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/world/img-07.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>                                                
                                        </div>
                                        <!-- post img -->

                                        <!-- post details -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design And Pixel Perfect </a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="fa fa-user"></i>jessica alex</li>
                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                            </ul>
                                        </div>
                                        <!-- post details -->

                                    </div>
                                    <!-- post -->

                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/world/img-06.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- post img -->

                                        <!-- post detail -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design And Pixel Perfect </a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="fa fa-user"></i>jessica alex</li>
                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                            </ul>
                                        </div>
                                        <!-- post detail -->

                                    </div>
                                    <!-- post -->

                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/technology/img-03.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- post img -->

                                        <!-- post detail -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design And Pixel Perfect </a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="fa fa-user"></i>jessica alex</li>
                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                            </ul>
                                        </div>
                                        <!-- post detail -->

                                    </div>
                                    <!-- post -->

                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/technology/img-08.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- post img -->

                                        <!-- post detail -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design And Pixel Perfect </a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="fa fa-user"></i>jessica alex</li>
                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                            </ul>
                                        </div>
                                        <!-- post detail -->

                                    </div>
                                    <!-- post -->

                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/world/img-08.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- post img -->

                                        <!-- post detail -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design And Pixel Perfect </a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="fa fa-user"></i>jessica alex</li>
                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                            </ul>
                                        </div>
                                        <!-- post detail -->

                                    </div>
                                    <!-- post -->

                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/lifestyle/img-07.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- post img -->

                                        <!-- post detail -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design And Pixel Perfect </a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="fa fa-user"></i>jessica alex</li>
                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                            </ul>
                                        </div>
                                        <!-- post detail -->

                                    </div>
                                    <!-- post -->

                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/lifestyle/img-04.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- post img -->

                                        <!-- post detail -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design And Pixel Perfect </a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="fa fa-user"></i>jessica alex</li>
                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                            </ul>
                                        </div>
                                        <!-- post detail -->

                                    </div>
                                    <!-- post -->

                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/post-1/img-04.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- post img -->

                                        <!-- post detail -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design And Pixel Perfect </a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="fa fa-user"></i>jessica alex</li>
                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                            </ul>
                                        </div>
                                        <!-- post detail -->

                                    </div>
                                    <!-- post -->

                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/post-1/img-01.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- post img -->

                                        <!-- post detail -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design And Pixel Perfect </a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="fa fa-user"></i>jessica alex</li>
                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                            </ul>
                                        </div>
                                        <!-- post detail -->

                                    </div>
                                    <!-- post -->

                                </div>
                            </div>
                            <!-- post slider -->

                        </div>
                    </div>
                </div>
                <!-- Slider Widget -->

                <!-- Main Content Row -->
                <div class="row">

                    <!-- small sidebar -->
                    <div class="col-lg-2 col-md-2 col-sm-3 col-xs-4 r-hidden">

                        <!-- add widget -->
                        <div class="aside-add">
                            <a href="#"><img src="images/aside-add.jpg" alt=""></a>
                        </div>
                        <!-- add widget -->

                        <aside class="aside">

                            <!-- trending -->
                            <div class="widget">
                                <h3>trending</h3>

                                <div class="trending-list">
                                    <ul class="trending-slider"> 

                                        <li>
                                            <div class="post style-1">

                                                <!-- post img -->
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-01.jpg" alt="">
                                                    <span class="post-badge">post</span>                                               
                                                </div>
                                                <!-- post img -->

                                                <!-- post details -->
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Lorem ipsum dolor a amet  comodo in the
                                                    conseq</a></h4>
                                                </div>
                                                <!-- post details -->

                                            </div>
                                        </li>

                                        <li>
                                            <div class="post style-1">

                                                <!-- post img -->
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-02.jpg" alt="">
                                                    <span class="post-badge">post</span>                                               
                                                </div>
                                                <!-- post img -->

                                                <!-- post details -->
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Lorem ipsum dolor a amet  comodo in the
                                                    conseq</a></h4>
                                                </div>
                                                <!-- post details -->

                                            </div>
                                        </li>

                                        <li>
                                            <div class="post style-1">

                                                <!-- post img -->
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-03.jpg" alt="">
                                                    <span class="post-badge">post</span>                                               
                                                </div>
                                                <!-- post img -->

                                                <!-- post details -->
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Lorem ipsum dolor a amet  comodo in the
                                                    conseq</a></h4>
                                                </div>
                                                <!-- post details -->

                                            </div>
                                        </li>

                                        <li>
                                            <div class="post style-1">

                                                <!-- post img -->
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-04.jpg" alt="">
                                                    <span class="post-badge">post</span>                                               
                                                </div>
                                                <!-- post img -->

                                                <!-- post details -->
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Lorem ipsum dolor a amet  comodo in the
                                                    conseq</a></h4>
                                                </div>
                                                <!-- post details -->

                                            </div>
                                        </li>

                                        <li>
                                            <div class="post style-1">

                                                <!-- post img -->
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-05.jpg" alt="">
                                                    <span class="post-badge">post</span>                                               
                                                </div>
                                                <!-- post img -->

                                                <!-- post details -->
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Lorem ipsum dolor a amet  comodo in the
                                                    conseq</a></h4>
                                                </div>
                                                <!-- post details -->

                                            </div>
                                        </li>

                                        <li>
                                            <div class="post style-1">

                                                <!-- post img -->
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-06.jpg" alt="">
                                                    <span class="post-badge">post</span>                                               
                                                </div>
                                                <!-- post img -->

                                                <!-- post details -->
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Lorem ipsum dolor a amet  comodo in the
                                                    conseq</a></h4>
                                                </div>
                                                <!-- post details -->

                                            </div>
                                        </li>

                                        <li>
                                            <div class="post style-1">

                                                <!-- post img -->
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-01.jpg" alt="">
                                                    <span class="post-badge">post</span>                                               
                                                </div>
                                                <!-- post img -->

                                                <!-- post details -->
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Lorem ipsum dolor a amet  comodo in the
                                                    conseq</a></h4>
                                                </div>
                                                <!-- post details -->

                                            </div>
                                        </li>

                                        <li>
                                            <div class="post style-1">

                                                <!-- post img -->
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-02.jpg" alt="">
                                                    <span class="post-badge">post</span>                                               
                                                </div>
                                                <!-- post img -->

                                                <!-- post details -->
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Lorem ipsum dolor a amet  comodo in the
                                                    conseq</a></h4>
                                                </div>
                                                <!-- post details -->

                                            </div>
                                        </li>

                                        <li>
                                            <div class="post style-1">

                                                <!-- post img -->
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-03.jpg" alt="">
                                                    <span class="post-badge">post</span>                                               
                                                </div>
                                                <!-- post img -->

                                                <!-- post details -->
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Lorem ipsum dolor a amet  comodo in the
                                                    conseq</a></h4>
                                                </div>
                                                <!-- post details -->

                                            </div>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                            <!-- trending -->

                            <!-- reviews -->
                            <div class="widget">
                                <h3>top reviews</h3>

                                <div class="user-reviews">
                                    <ul>
                                        <li class="review-wrap">
                                            <span class="review-badge bg-green"><i class="fa fa-star"></i>4.5</span>
                                            <div class="wrap">
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing</a></h4>
                                                <span class="name">by john doe</span>
                                            </div>
                                        </li>

                                        <li class="review-wrap">
                                            <span class="review-badge bg-masterd"><i class="fa fa-star"></i>4.5</span>
                                            <div class="wrap">
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing</a></h4>
                                                <span class="name">by john doe</span>
                                            </div>
                                        </li>

                                        <li class="review-wrap">
                                            <span class="review-badge bg-p-green"><i class="fa fa-star"></i>4.5</span>
                                            <div class="wrap">
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing</a></h4>
                                                <span class="name">by john doe</span>
                                            </div>
                                        </li>

                                        <li class="review-wrap">
                                            <span class="review-badge bg-gray"><i class="fa fa-star"></i>4.5</span>
                                            <div class="wrap">
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing</a></h4>
                                                <span class="name">by john doe</span>
                                            </div>
                                        </li>

                                        <li class="review-wrap">
                                            <span class="review-badge bg-orange"><i class="fa fa-star"></i>4.5</span>
                                            <div class="wrap">
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing</a></h4>
                                                <span class="name">by john doe</span>
                                            </div>
                                        </li>

                                        <li class="review-wrap">
                                            <span class="review-badge bg-purpel"><i class="fa fa-star"></i>4.5</span>
                                            <div class="wrap">
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing</a></h4>
                                                <span class="name">by john doe</span>
                                            </div>
                                        </li>

                                        <li class="review-wrap">
                                            <span class="review-badge bg-purpel"><i class="fa fa-star"></i>4.5</span>
                                            <div class="wrap">
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing</a></h4>
                                                <span class="name">by john doe</span>
                                            </div>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                            <!-- reviews -->

                            <!-- video posts -->
                            <div class="widget">
                                <h3>video posts</h3>

                                <div class="video-posts">
                                    <ul>
                                        <li>
                                            <div class="post style-1">
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-01.jpg" alt="">
                                                    <a href="https://www.youtube.com/watch?v=eZKMrds77nE" data-rel="prettyPhoto"><i class="fa fa-play"></i></a>                                               
                                                </div>
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Fight for voter is start Democrat this end</a></h4>
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="post style-1">
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-02.jpg" alt="">
                                                    <a href="https://www.youtube.com/watch?v=eZKMrds77nE" data-rel="prettyPhoto"><i class="fa fa-play"></i></a>  
                                                </div>
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Fight for voter is start Democrat this end</a></h4>
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="post style-1">
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-03.jpg" alt="">
                                                    <a href="https://www.youtube.com/watch?v=eZKMrds77nE" data-rel="prettyPhoto"><i class="fa fa-play"></i></a>  
                                                </div>
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Fight for voter is start Democrat this end</a></h4>
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="post style-1">
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-04.jpg" alt="">
                                                    <a href="https://www.youtube.com/watch?v=eZKMrds77nE" data-rel="prettyPhoto"><i class="fa fa-play"></i></a>  
                                                </div>
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Fight for voter is start Democrat this end</a></h4>
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="post style-1">
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-05.jpg" alt="">
                                                    <a href="https://www.youtube.com/watch?v=eZKMrds77nE" data-rel="prettyPhoto"><i class="fa fa-play"></i></a>  
                                                </div>
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Fight for voter is start Democrat this end</a></h4>
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="post style-1">
                                                <div class="post-thumb"> 
                                                    <img src="images/post-1/img-06.jpg" alt="">
                                                    <a href="https://www.youtube.com/watch?v=eZKMrds77nE" data-rel="prettyPhoto"><i class="fa fa-play"></i></a>  
                                                </div>
                                                <div class="post-content">
                                                    <h4><a href="post-detail.html">Fight for voter is start Democrat this end</a></h4>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>

                            </div>
                            <!-- video posts -->
                        </aside>
                    </div>
                    <!-- small sidebar -->

                    <!-- Content -->
                    <div class="col-lg-7 col-md-7 col-sm-9 col-xs-8 r-full-width">

                        <!-- Detail Post Widget -->
                        <div class="post-widget">
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">

                                    <!-- Secondary Heading -->
                                    <div class="primary-heading">
                                        <h2>technology</h2>
                                    </div>
                                    <!-- Secondary Heading -->

                                    <!-- Post -->
                                    <div class="post style-2 white-bg light-shadow">

                                        <!-- Post Img -->
                                        <div class="post-thumb">
                                            <img src="images/technology/img-01.jpg" alt="detail">
                                            <span class="post-badge">technology</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Post Img -->

                                        <!-- Post Detil -->
                                        <div class="post-content cat-listing">
                                            <h4><a href="listing-page-5.html">Google is on a journey but we won't really know where it leads until fall</a></h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                            tempor incididunt ut labore et dolore magna aliqua.</p>
                                            <ul class="post-wrap-list">

                                                <!-- thumb small post -->
                                                <li class="post-wrap big-post">
                                                    <div class="post-thumb">
                                                        <img src="images/technology/thumbs/img-01.jpg" alt="post">
                                                    </div>
                                                    <div class="post-content">
                                                        <h4><a href="#">Google is on a journey but we won't really know</a></h4>
                                                        <ul class="post-meta">
                                                            <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                            <li><i class="fa fa-comments-o"></i>20</li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <!-- thumb small post -->

                                                <!-- thumb small post -->
                                                <li class="post-wrap big-post">
                                                    <div class="post-thumb">
                                                        <img src="images/technology/thumbs/img-02.jpg" alt="post">
                                                    </div>
                                                    <div class="post-content">
                                                        <h4><a href="#">Google is on a journey but we won't really know</a></h4>
                                                        <ul class="post-meta">
                                                            <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                            <li><i class="fa fa-comments-o"></i>20</li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <!-- thumb small post -->

                                            </ul>
                                        </div>
                                        <!-- Post Detail -->

                                    </div>
                                    <!-- Post -->

                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">

                                    <!-- Secondary Heading -->
                                    <div class="primary-heading">
                                        <h2>world news</h2>
                                    </div>
                                    <!-- Secondary Heading -->

                                    <!-- Post -->
                                    <div class="post style-2 white-bg light-shadow">

                                        <!-- Post Img -->
                                        <div class="post-thumb">
                                            <img src="images/world/img-01.jpg" alt="detail">
                                            <span class="post-badge">world</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Post Img -->

                                        <!-- Post Detil -->
                                        <div class="post-content cat-listing">
                                            <h4><a href="listing-page-3.html">Turkey's Erdogan to drop lawsuits against people who insulted him</a></h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                            tempor incididunt ut labore et dolore magna aliqua.</p>
                                            <ul class="post-wrap-list">

                                                <!-- small thumb post -->
                                                <li  class="post-wrap big-post">
                                                    <div class="post-thumb">
                                                        <img src="images/world/thumbs/img-01.jpg" alt="post">
                                                    </div>
                                                    <div class="post-content">
                                                        <h4><a href="#">Turkey's Erdogan to drop lawsuits against</a></h4>
                                                        <ul class="post-meta">
                                                            <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                            <li><i class="fa fa-comments-o"></i>20</li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <!-- small thumb post -->

                                                <!-- small thumb post -->
                                                <li class="post-wrap big-post">
                                                    <div class="post-thumb">
                                                        <img src="images/world/thumbs/img-02.jpg" alt="post">
                                                    </div>
                                                    <div class="post-content">
                                                        <h4><a href="#">Turkey's Erdogan to drop lawsuits against</a></h4>
                                                        <ul class="post-meta">
                                                            <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                            <li><i class="fa fa-comments-o"></i>20</li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <!-- small thumb post -->

                                            </ul>
                                        </div>
                                        <!-- Post Detail -->

                                    </div>
                                    <!-- Post -->
                                        
                                </div>
                            </div>                            
                        </div>
                        <!-- Detail Post Widget -->

                        <!-- list posts -->
                        <div class="post-widget">

                            <!-- Main Heading -->
                            <div class="primary-heading">
                                <h2>sports news</h2>
                            </div>
                            <!-- Main Heading -->

                            <!-- List Post -->
                            <div class="p-30 light-shadow white-bg">
                                <ul class="list-posts">
                                    <li class="row no-gutters">

                                        <!-- thumbnail -->
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="post-thumb"> 
                                                <img src="images/sports/img-01.jpg" alt="">
                                                <span class="post-badge">sport</span>
                                                <div class="thumb-hover">
                                                    <div class="position-center-center">
                                                        <a href="#" class="fa fa-link"></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- thumbnail -->

                                        <!-- post detail -->
                                        <div class="col-sm-8 col-xs-12">
                                            <div class="post-content">
                                                <h4><a href="listing-page-2.html">Lorem ipsum dolor sit amet, consectetur.</a></h4>
                                                <ul class="post-meta">
                                                    <li><i class="fa fa-user"></i>jessica alex</li>
                                                    <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                    <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                                    <li><i class="fa fa-comments-o"></i>20</li>
                                                </ul>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et. <a href="#" class="read-more">read more...</a></p>
                                            </div>
                                        </div>
                                        <!-- post detail -->

                                    </li>
                                    <li class="row no-gutters">

                                        <!-- thumbnail -->
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="post-thumb"> 
                                                <img src="images/sports/img-02.jpg" alt="">
                                                <span class="post-badge">sport</span>
                                                <div class="thumb-hover">
                                                    <div class="position-center-center">
                                                        <a href="#" class="fa fa-link"></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- thumbnail -->

                                        <!-- post detail -->
                                        <div class="col-sm-8 col-xs-12">

                                            <div class="post-content">
                                                <h4><a href="listing-page-2.html">Lorem ipsum dolor sit amet, consectetur.</a></h4>
                                                <ul class="post-meta">
                                                    <li><i class="fa fa-user"></i>jessica alex</li>
                                                    <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                    <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                                    <li><i class="fa fa-comments-o"></i>20</li>
                                                </ul>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et. <a href="#" class="read-more">read more...</a></p>
                                            </div>

                                        </div>
                                        <!-- post detail -->

                                    </li>
                                    <li class="row no-gutters">

                                        <!-- thumbnail -->
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="post-thumb"> 
                                                <img src="images/sports/img-03.jpg" alt="">
                                                <span class="post-badge">sport</span>
                                                <div class="thumb-hover">
                                                    <div class="position-center-center">
                                                        <a href="#" class="fa fa-link"></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- thumbnail -->

                                        <!-- post detail -->
                                        <div class="col-sm-8 col-xs-12">

                                            <div class="post-content">
                                                <h4><a href="listing-page-2.html">Lorem ipsum dolor sit amet, consectetur.</a></h4>
                                                <ul class="post-meta">
                                                    <li><i class="fa fa-user"></i>jessica alex</li>
                                                    <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                    <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                                    <li><i class="fa fa-comments-o"></i>20</li>
                                                </ul>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et. <a href="#" class="read-more">read more...</a></p>
                                            </div>

                                        </div>
                                        <!-- post detail -->

                                    </li>
                                </ul>
                            </div>
                            <!-- List Post -->

                        </div>
                        <!--  list posts -->

                        <!-- Detail list post -->
                        <div class="post-widget">
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">

                                    <!-- main heading -->
                                    <div class="primary-heading">
                                        <h2>FOOD</h2>
                                    </div>
                                    <!-- main heading -->

                                    <!-- list of features -->
                                    <div class="post style-2 featured-single-post white-bg light-shadow">

                                        <div class="post-thumb">
                                            <img src="images/large-post/img-01.jpg" alt="detail">
                                            <span class="post-badge">FOOD</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="post-content">
                                            <h4><a href="listing-page-6.html">When the inteligence community is exposed in usa worlds special</a></h4>
                                            <ul class="post-features"> 
                                                <li>CJ asks: Will we keep by begging?</li>
                                                <li>If Constitution abrogated, country.</li>
                                                <li>Duty on 313 imported to go 72 hours.</li>
                                                <li>PTI petition dismissed, no rigging found.</li>
                                            </ul>
                                        </div>

                                    </div>
                                    <!-- list of features -->

                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">

                                    <!-- main heading -->
                                    <div class="primary-heading">
                                        <h2>health</h2>
                                    </div>
                                    <!-- main heading -->

                                    <!-- list of features -->
                                    <div class="post style-2 featured-single-post white-bg light-shadow">

                                        <div class="post-thumb">
                                            <img src="images/large-post/img-02.jpg" alt="detail">
                                            <span class="post-badge">health</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>

                                        </div>

                                        <div class="post-content">
                                            <h4><a href="listing-page-6.html">When the inteligence community is exposed in usa worlds special</a></h4>
                                            <ul class="post-features"> 
                                                <li>CJ asks: Will we keep by begging?</li>
                                                <li>If Constitution abrogated, country.</li>
                                                <li>Duty on 313 imported to go 72 hours.</li>
                                                <li>PTI petition dismissed, no rigging found.</li>
                                            </ul>
                                        </div>

                                    </div>
                                    <!-- list of features -->

                                </div>
                            </div>
                        </div>
                        <!-- Detail list post -->

                        <!-- add Banner -->
                        <div class="add-banner text-center post-widget p-0">
                            <img src="images/add-3.jpg" alt="">
                        </div>
                        <!-- add Banner -->

                        <!-- post thumbs detail widget -->
                        <div class="post-widget">

                            <!-- Heading -->
                            <div class="primary-heading">
                                <h2>fashion</h2>
                            </div>
                            <!-- Heading -->

                            <!-- post details -->
                            <div class="post-detail-wrap white-bg light-shadow p-30">
                                <div class="row">

                                    <!-- long post -->
                                    <div class="col-lg-6 col-sm-6 col-xs-12 smb-30">
                                        <div class="post style-1">

                                            <!-- Post Img -->
                                            <div class="post-thumb">
                                                <img src="images/post-detail/img-04.jpg" alt="detail">
                                                <span class="post-badge">fashion</span>
                                                <div class="thumb-hover">
                                                    <div class="position-center-center">
                                                        <a href="#" class="fa fa-link"></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- Post Img -->

                                            <!-- Post Detail -->
                                            <div class="post-content">
                                                <h4><a href="post-detail.html">Girl yoyo Music listing with dj.</a></h4>
                                                 <ul class="post-meta">
                                                    <li><i class="icon-user"></i>jessica alex</li>
                                                    <li><i class="icon-clock"></i>10 Min ago</li>
                                                    <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                                    <li><i class="icon-speech-bubble"></i>20</li>
                                                </ul>
                                                <p>Android Wear watches feature always-on displays, so you will always see important info like time, calls, and ailert... 
                                                <a href="post-detail.html" class="read-more">read more</a></p>
                                            </div>
                                            <!-- Post Detail -->

                                        </div>
                                    </div>
                                    <!-- long post -->

                                    <!-- Post List -->
                                    <div class="col-lg-6 col-sm-6 col-xs-12">
                                        <ul class="post-wrap-list">
                                            <li class="post-wrap big-post">
                                                <div class="post-thumb">
                                                    <img src="images/post-detail/nav/img-01.jpg" alt="post">
                                                </div>
                                                <div class="post-content">
                                                    <h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4>
                                                     <ul class="post-meta">
                                                        <li><i class="icon-user"></i>jessica</li>
                                                        <li><i class="icon-clock"></i>2 Min ago</li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="post-wrap big-post">
                                                <div class="post-thumb">
                                                    <img src="images/post-detail/nav/img-02.jpg" alt="post">
                                                </div>
                                                <div class="post-content">
                                                    <h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4>
                                                    <ul class="post-meta">
                                                        <li><i class="icon-user"></i>jessica</li>
                                                        <li><i class="icon-clock"></i>2 Min ago</li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="post-wrap big-post">
                                                <div class="post-thumb">
                                                    <img src="images/post-detail/nav/img-03.jpg" alt="post">
                                                </div>
                                                <div class="post-content">
                                                    <h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4>
                                                    <ul class="post-meta">
                                                        <li><i class="icon-user"></i>jessica</li>
                                                        <li><i class="icon-clock"></i>2 Min ago</li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="post-wrap big-post">
                                                <div class="post-thumb">
                                                    <img src="images/post-detail/nav/img-04.jpg" alt="post">
                                                </div>
                                                <div class="post-content">
                                                    <h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4>
                                                    <ul class="post-meta">
                                                        <li><i class="icon-user"></i>jessica</li>
                                                        <li><i class="icon-clock"></i>2 Min ago</li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </ul> 
                                    </div>
                                    <!-- Post List -->

                                </div>
                            </div>
                            <!-- post details -->

                        </div>
                        <!-- post thumbs detail widget -->

                        <!-- Gallery Widget -->
                        <div class="post-widget">

                            <!-- Heading -->
                            <div class="primary-heading">
                                <h2>gallery style</h2>
                            </div>
                            <!-- Heading -->

                            <div class="gallery-widget">

                                <!-- gallery slides -->
                                <ul class="gallery-slider" id="gallery-slider"> 
                                    <li>
                                        <div class="post-thumb">
                                            <img src="images/gallery/img-01.jpg" alt="">
                                            <div class="thumb-over">
                                                <span class="tag"><i class="fa fa-camera"></i>16 photos</span>
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua.</a></h4>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="post-thumb">
                                            <img src="images/gallery/img-02.jpg" alt="">
                                            <div class="thumb-over">
                                                <span class="tag"><i class="fa fa-camera"></i>16 photos</span>
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua.</a></h4>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="post-thumb">
                                            <img src="images/gallery/img-03.jpg" alt="">
                                            <div class="thumb-over">
                                                <span class="tag"><i class="fa fa-camera"></i>16 photos</span>
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua.</a></h4>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="post-thumb">
                                            <img src="images/gallery/img-04.jpg" alt="">
                                            <div class="thumb-over">
                                                <span class="tag"><i class="fa fa-camera"></i>16 photos</span>
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua.</a></h4>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="post-thumb">
                                            <img src="images/gallery/img-05.jpg" alt="">
                                            <div class="thumb-over">
                                                <span class="tag"><i class="fa fa-camera"></i>16 photos</span>
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua.</a></h4>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="post-thumb">
                                            <img src="images/gallery/img-06.jpg" alt="">
                                            <div class="thumb-over">
                                                <span class="tag"><i class="fa fa-camera"></i>16 photos</span>
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua.</a></h4>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="post-thumb">
                                            <img src="images/gallery/img-01.jpg" alt="">
                                            <div class="thumb-over">
                                                <span class="tag"><i class="fa fa-camera"></i>16 photos</span>
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua.</a></h4>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="post-thumb">
                                            <img src="images/gallery/img-02.jpg" alt="">
                                            <div class="thumb-over">
                                                <span class="tag"><i class="fa fa-camera"></i>16 photos</span>
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua.</a></h4>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="post-thumb">
                                            <img src="images/gallery/img-03.jpg" alt="">
                                            <div class="thumb-over">
                                                <span class="tag"><i class="fa fa-camera"></i>16 photos</span>
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua.</a></h4>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="post-thumb">
                                            <img src="images/gallery/img-04.jpg" alt="">
                                            <div class="thumb-over">
                                                <span class="tag"><i class="fa fa-camera"></i>16 photos</span>
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua.</a></h4>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="post-thumb">
                                            <img src="images/gallery/img-05.jpg" alt="">
                                            <div class="thumb-over">
                                                <span class="tag"><i class="fa fa-camera"></i>16 photos</span>
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua.</a></h4>
                                            </div>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="post-thumb">
                                            <img src="images/gallery/img-06.jpg" alt="">
                                            <div class="thumb-over">
                                                <span class="tag"><i class="fa fa-camera"></i>16 photos</span>
                                                <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempor incididunt ut labore et dolore magna aliqua.</a></h4>
                                            </div>
                                        </div>
                                    </li>

                                </ul>
                                <!-- gallery slides -->

                                <!-- gallery thumbs -->
                                <ul id="gallery-slider-thumb" class="gallery-slider-thumb">
                                    <li data-slideIndex="0"><a href="">
                                        <div class="post-thumb"> 
                                            <img src="images/gallery/thumbs/img-01.jpg" alt="">
                                        </div>                                
                                    </a></li>
                                    <li data-slideIndex="1"><a href="">
                                        <div class="post-thumb"> 
                                            <img src="images/gallery/thumbs/img-02.jpg" alt="">
                                        </div>                                
                                    </a></li>
                                    <li data-slideIndex="2"><a href="">
                                        <div class="post-thumb"> 
                                            <img src="images/gallery/thumbs/img-03.jpg" alt="">
                                        </div>                                
                                    </a></li>
                                    <li data-slideIndex="3"><a href="">
                                        <div class="post-thumb"> 
                                            <img src="images/gallery/thumbs/img-04.jpg" alt="">
                                        </div>                                
                                    </a></li>
                                    <li data-slideIndex="4"><a href="">
                                        <div class="post-thumb"> 
                                            <img src="images/gallery/thumbs/img-05.jpg" alt="">
                                        </div>                                
                                    </a></li>
                                    <li data-slideIndex="5"><a href="">
                                        <div class="post-thumb"> 
                                            <img src="images/gallery/thumbs/img-06.jpg" alt="">
                                        </div>                                
                                    </a></li>
                                    <li data-slideIndex="0"><a href="">
                                        <div class="post-thumb"> 
                                            <img src="images/gallery/thumbs/img-01.jpg" alt="">
                                        </div>                                
                                    </a></li>
                                    <li data-slideIndex="1"><a href="">
                                        <div class="post-thumb"> 
                                            <img src="images/gallery/thumbs/img-02.jpg" alt="">
                                        </div>                                
                                    </a></li>
                                    <li data-slideIndex="2"><a href="">
                                        <div class="post-thumb"> 
                                            <img src="images/gallery/thumbs/img-03.jpg" alt="">
                                        </div>                                
                                    </a></li>
                                    <li data-slideIndex="3"><a href="">
                                        <div class="post-thumb"> 
                                            <img src="images/gallery/thumbs/img-04.jpg" alt="">
                                        </div>                                
                                    </a></li>
                                    <li data-slideIndex="4"><a href="">
                                        <div class="post-thumb"> 
                                            <img src="images/gallery/thumbs/img-05.jpg" alt="">
                                        </div>                                
                                    </a></li>
                                    <li data-slideIndex="5"><a href="">
                                        <div class="post-thumb"> 
                                            <img src="images/gallery/thumbs/img-06.jpg" alt="">
                                        </div>                                
                                    </a></li>
                                
                                </ul>
                                <!-- gallery thumbs -->

                            </div>

                        </div>
                        <!-- Gallery Widget -->

                        <!-- Slider Widget -->
                        <div class="post-widget">

                            <!-- Heading -->
                            <div class="primary-heading">
                                <h2>most viewed posts</h2>
                            </div>
                            <!-- Heading -->

                            <!-- post slider -->
                            <div class="light-shadow white-bg p-30 slider-post"> 
                                <div id="post-slider-2">
                                    
                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/post-1/img-01.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>                                                
                                        </div>
                                        <!-- post img -->

                                        <!-- post details -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design pixel perfect</a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="icon-user"></i>jessica</li>
                                                <li><i class="icon-clock"></i>2 Min ago</li>
                                            </ul>
                                        </div>
                                        <!-- post details -->

                                    </div>
                                    <!-- post -->

                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/post-1/img-02.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>                                                
                                        </div>
                                        <!-- post img -->

                                        <!-- post details -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design pixel perfect</a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="icon-user"></i>jessica</li>
                                                <li><i class="icon-clock"></i>2 Min ago</li>
                                            </ul>
                                        </div>
                                        <!-- post details -->

                                    </div>
                                    <!-- post -->

                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/post-1/img-03.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>                                                
                                        </div>
                                        <!-- post img -->

                                        <!-- post details -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design pixel perfect</a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="icon-user"></i>jessica</li>
                                                <li><i class="icon-clock"></i>2 Min ago</li>
                                            </ul>
                                        </div>
                                        <!-- post details -->

                                    </div>
                                    <!-- post -->

                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/post-1/img-04.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>                                                
                                        </div>
                                        <!-- post img -->

                                        <!-- post details -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design pixel perfect</a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="icon-user"></i>jessica</li>
                                                <li><i class="icon-clock"></i>2 Min ago</li>
                                            </ul>
                                        </div>
                                        <!-- post details -->

                                    </div>
                                    <!-- post -->

                                   <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/post-1/img-01.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>                                                
                                        </div>
                                        <!-- post img -->

                                        <!-- post details -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design pixel perfect</a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="icon-user"></i>jessica</li>
                                                <li><i class="icon-clock"></i>2 Min ago</li>
                                            </ul>
                                        </div>
                                        <!-- post details -->

                                    </div>
                                    <!-- post -->


                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/post-1/img-02.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>                                                
                                        </div>
                                        <!-- post img -->

                                        <!-- post details -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design pixel perfect</a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="icon-user"></i>jessica</li>
                                                <li><i class="icon-clock"></i>2 Min ago</li>
                                            </ul>
                                        </div>
                                        <!-- post details -->

                                    </div>
                                    <!-- post -->

                                    <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/post-1/img-03.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>                                                
                                        </div>
                                        <!-- post img -->

                                        <!-- post details -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design pixel perfect</a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="icon-user"></i>jessica</li>
                                                <li><i class="icon-clock"></i>2 Min ago</li>
                                            </ul>
                                        </div>
                                        <!-- post details -->

                                    </div>
                                    <!-- post -->

                                   <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/post-1/img-04.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>                                                
                                        </div>
                                        <!-- post img -->

                                        <!-- post details -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design pixel perfect</a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="icon-user"></i>jessica</li>
                                                <li><i class="icon-clock"></i>2 Min ago</li>
                                            </ul>
                                        </div>
                                        <!-- post details -->

                                    </div>
                                    <!-- post -->

                                   <!-- post -->
                                    <div class="post style-1">

                                        <!-- post img -->
                                        <div class="post-thumb"> 
                                            <img src="images/post-1/img-01.jpg" alt="">
                                            <span class="post-badge">post</span>
                                            <div class="thumb-hover">
                                                <div class="position-center-center">
                                                    <a href="#" class="fa fa-link"></a>
                                                </div>
                                            </div>                                                
                                        </div>
                                        <!-- post img -->

                                        <!-- post details -->
                                        <div class="post-content">
                                            <h4><a href="post-detail.html">Full Responsive amazing design pixel perfect</a></h4>
                                            <ul class="post-meta m-0">
                                                <li><i class="icon-user"></i>jessica</li>
                                                <li><i class="icon-clock"></i>2 Min ago</li>
                                            </ul>
                                        </div>
                                        <!-- post details -->

                                    </div>
                                    <!-- post -->

                                </div>

                            </div>
                            <!-- post slider -->

                        </div>
                        <!-- Slider Widget -->

                        <!-- archieve widget -->
                        <div class="post-widget">

                            <!-- Heading -->
                            <div class="primary-heading">
                                <h2>archieve posts</h2>
                            </div>
                            <!-- Heading -->

                            <!-- archieve -->
                            <div class="light-shadow white-bg"> 
                                <div class="archieve-tabs">
                                
                                    <!-- Tabs Nav -->
                                    <div class="cate-tab-navs">
                                        <ul class="nav-justified">
                                            <li class="active">
                                                <a href="#january" data-toggle="tab">january</a>
                                            </li>
                                            <li>
                                                <a href="#february" data-toggle="tab">february</a>
                                            </li>
                                            <li>
                                                <a href="#march" data-toggle="tab">march</a>
                                            </li>
                                            <li>
                                                <a href="#april" data-toggle="tab">april</a>
                                            </li>
                                            <li>
                                                <a href="#may" data-toggle="tab">may</a>
                                            </li>
                                            <li>
                                                <a href="#june" data-toggle="tab">june</a>
                                            </li>
                                            <li>
                                                <a href="#july" data-toggle="tab">july</a>
                                            </li>
                                            <li>
                                                <a href="#august" data-toggle="tab">august</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- Tabs Nav -->
      
                                    <!-- Tab panes -->
                                    <div class="tab-content">
                                        <div class="tab-pane fade active in" id="january">
                                            <div class="row">
                                                <div class="col-lg-6 col-sm-6 col-xs-12 left-border">
                                                    <div class="post">
                                                        <div class="post-thumb">
                                                            <img src="images/health/img-01.jpg" alt="">
                                                            <span class="post-badge"><i class="fa fa-camera"></i>16</span>
                                                            <div class="thumb-over">
                                                                <p><a href="#">Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod tempor</a></p>
                                                            </div>
                                                        </div>

                                                         <ul class="post-meta">
                                                            <li><i class="icon-user"></i>jessica alex</li>
                                                            <li><i class="icon-clock"></i>10 Min ago</li>
                                                            <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                                            <li><i class="icon-speech-bubble"></i>20</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-sm-6 col-xs-12">
                                                    <div class="archieve-list">
                                                        <ul>
                                                            <li><a href="#">James blake fires the officer who did.</a></li>
                                                            <li><a href="#">prison incident follows earlier bollow.</a></li>
                                                            <li><a href="#">common persons mistakes should  ignore.</a></li>
                                                            <li><a href="#">6.6 magnitude earth quake hits gulf.</a></li>
                                                            <li><a href="#">hurbagh loses his mind on sideline.</a></li>
                                                            <li><a href="#">hinted at murder before cellmate.</a></li>
                                                            <li><a href="#">sports is being latest trend in news.</a></li>
                                                        </ul> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="february">
                                            <div class="row">
                                                <div class="col-lg-6 col-sm-6 col-xs-12 left-border">
                                                    <div class="post">
                                                        <div class="post-thumb">
                                                            <img src="images/health/img-06.jpg" alt="">
                                                            <span class="post-badge"><i class="fa fa-camera"></i>16</span>
                                                            <div class="thumb-over">
                                                                <p><a href="#">Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod tempor</a></p>
                                                            </div>
                                                        </div>

                                                         <ul class="post-meta">
                                                            <li><i class="icon-user"></i>jessica alex</li>
                                                            <li><i class="icon-clock"></i>10 Min ago</li>
                                                            <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                                            <li><i class="icon-speech-bubble"></i>20</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-sm-6 col-xs-12">
                                                    <div class="archieve-list">
                                                         <ul>
                                                            <li><a href="#">James blake fires the officer who did.</a></li>
                                                            <li><a href="#">prison incident follows earlier bollow.</a></li>
                                                            <li><a href="#">common persons mistakes should  ignore.</a></li>
                                                            <li><a href="#">6.6 magnitude earth quake hits gulf.</a></li>
                                                            <li><a href="#">hurbagh loses his mind on sideline.</a></li>
                                                            <li><a href="#">hinted at murder before cellmate.</a></li>
                                                            <li><a href="#">sports is being latest trend in news.</a></li>
                                                        </ul> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="march">
                                            <div class="row">
                                                <div class="col-lg-6 col-sm-6 col-xs-12 left-border">
                                                    <div class="post">
                                                        <div class="post-thumb">
                                                            <img src="images/lifestyle/img-06.jpg" alt="">
                                                            <span class="post-badge"><i class="fa fa-camera"></i>16</span>
                                                            <div class="thumb-over">
                                                                <p><a href="#">Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod tempor</a></p>
                                                            </div>
                                                        </div>

                                                         <ul class="post-meta">
                                                            <li><i class="icon-user"></i>jessica alex</li>
                                                            <li><i class="icon-clock"></i>10 Min ago</li>
                                                            <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                                            <li><i class="icon-speech-bubble"></i>20</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-sm-6 col-xs-12">
                                                    <div class="archieve-list">
                                                         <ul>
                                                            <li><a href="#">James blake fires the officer who did.</a></li>
                                                            <li><a href="#">prison incident follows earlier bollow.</a></li>
                                                            <li><a href="#">common persons mistakes should  ignore.</a></li>
                                                            <li><a href="#">6.6 magnitude earth quake hits gulf.</a></li>
                                                            <li><a href="#">hurbagh loses his mind on sideline.</a></li>
                                                            <li><a href="#">hinted at murder before cellmate.</a></li>
                                                            <li><a href="#">sports is being latest trend in news.</a></li>
                                                        </ul> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="april">
                                            <div class="row">
                                                <div class="col-lg-6 col-sm-6 col-xs-12 left-border">
                                                    <div class="post">
                                                        <div class="post-thumb">
                                                            <img src="images/lifestyle/img-01.jpg" alt="">
                                                            <span class="post-badge"><i class="fa fa-camera"></i>16</span>
                                                            <div class="thumb-over">
                                                                <p><a href="#">Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod tempor</a></p>
                                                            </div>
                                                        </div>

                                                         <ul class="post-meta">
                                                            <li><i class="icon-user"></i>jessica alex</li>
                                                            <li><i class="icon-clock"></i>10 Min ago</li>
                                                            <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                                            <li><i class="icon-speech-bubble"></i>20</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-sm-6 col-xs-12">
                                                    <div class="archieve-list">
                                                         <ul>
                                                            <li><a href="#">James blake fires the officer who did.</a></li>
                                                            <li><a href="#">prison incident follows earlier bollow.</a></li>
                                                            <li><a href="#">common persons mistakes should  ignore.</a></li>
                                                            <li><a href="#">6.6 magnitude earth quake hits gulf.</a></li>
                                                            <li><a href="#">hurbagh loses his mind on sideline.</a></li>
                                                            <li><a href="#">hinted at murder before cellmate.</a></li>
                                                            <li><a href="#">sports is being latest trend in news.</a></li>
                                                        </ul> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="may">
                                            <div class="row">
                                                <div class="col-lg-6 col-sm-6 col-xs-12 left-border">
                                                    <div class="post">
                                                        <div class="post-thumb">
                                                            <img src="images/sports/img-06.jpg" alt="">
                                                            <span class="post-badge"><i class="fa fa-camera"></i>16</span>
                                                            <div class="thumb-over">
                                                                <p><a href="#">Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod tempor</a></p>
                                                            </div>
                                                        </div>

                                                         <ul class="post-meta">
                                                            <li><i class="icon-user"></i>jessica alex</li>
                                                            <li><i class="icon-clock"></i>10 Min ago</li>
                                                            <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                                            <li><i class="icon-speech-bubble"></i>20</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-sm-6 col-xs-12">
                                                    <div class="archieve-list">
                                                         <ul>
                                                            <li><a href="#">James blake fires the officer who did.</a></li>
                                                            <li><a href="#">prison incident follows earlier bollow.</a></li>
                                                            <li><a href="#">common persons mistakes should  ignore.</a></li>
                                                            <li><a href="#">6.6 magnitude earth quake hits gulf.</a></li>
                                                            <li><a href="#">hurbagh loses his mind on sideline.</a></li>
                                                            <li><a href="#">hinted at murder before cellmate.</a></li>
                                                            <li><a href="#">sports is being latest trend in news.</a></li>
                                                        </ul> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="june">
                                            <div class="row">
                                                <div class="col-lg-6 col-sm-6 col-xs-12 left-border">
                                                    <div class="post">
                                                        <div class="post-thumb">
                                                            <img src="images/sports/img-01.jpg" alt="">
                                                            <span class="post-badge"><i class="fa fa-camera"></i>16</span>
                                                            <div class="thumb-over">
                                                                <p><a href="#">Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod tempor</a></p>
                                                            </div>
                                                        </div>

                                                         <ul class="post-meta">
                                                            <li><i class="icon-user"></i>jessica alex</li>
                                                            <li><i class="icon-clock"></i>10 Min ago</li>
                                                            <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                                            <li><i class="icon-speech-bubble"></i>20</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-sm-6 col-xs-12">
                                                    <div class="archieve-list">
                                                        <ul>
                                                            <li><a href="#">James blake fires the officer who did.</a></li>
                                                            <li><a href="#">prison incident follows earlier bollow.</a></li>
                                                            <li><a href="#">common persons mistakes should  ignore.</a></li>
                                                            <li><a href="#">6.6 magnitude earth quake hits gulf.</a></li>
                                                            <li><a href="#">hurbagh loses his mind on sideline.</a></li>
                                                            <li><a href="#">hinted at murder before cellmate.</a></li>
                                                            <li><a href="#">sports is being latest trend in news.</a></li>
                                                        </ul> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="july">
                                            <div class="row">
                                                <div class="col-lg-6 col-sm-6 col-xs-12 left-border">
                                                    <div class="post">
                                                        <div class="post-thumb">
                                                            <img src="images/fashion/img-06.jpg" alt="">
                                                            <span class="post-badge"><i class="fa fa-camera"></i>16</span>
                                                            <div class="thumb-over">
                                                                <p><a href="#">Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod tempor</a></p>
                                                            </div>
                                                        </div>

                                                         <ul class="post-meta">
                                                            <li><i class="icon-user"></i>jessica alex</li>
                                                            <li><i class="icon-clock"></i>10 Min ago</li>
                                                            <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                                            <li><i class="icon-speech-bubble"></i>20</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-sm-6 col-xs-12">
                                                    <div class="archieve-list">
                                                        <ul>
                                                            <li><a href="#">James blake fires the officer who did.</a></li>
                                                            <li><a href="#">prison incident follows earlier bollow.</a></li>
                                                            <li><a href="#">common persons mistakes should  ignore.</a></li>
                                                            <li><a href="#">6.6 magnitude earth quake hits gulf.</a></li>
                                                            <li><a href="#">hurbagh loses his mind on sideline.</a></li>
                                                            <li><a href="#">hinted at murder before cellmate.</a></li>
                                                            <li><a href="#">sports is being latest trend in news.</a></li>
                                                        </ul> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="august">
                                            <div class="row">
                                                <div class="col-lg-6 col-sm-6 col-xs-12 left-border">
                                                    <div class="post">
                                                        <div class="post-thumb">
                                                            <img src="images/world/img-06.jpg" alt="">
                                                            <span class="post-badge"><i class="fa fa-camera"></i>16</span>
                                                            <div class="thumb-over">
                                                                <p><a href="#">Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod tempor</a></p>
                                                            </div>
                                                        </div>

                                                         <ul class="post-meta">
                                                            <li><i class="icon-user"></i>jessica alex</li>
                                                            <li><i class="icon-clock"></i>10 Min ago</li>
                                                            <li><i class="fa fa-thumbs-o-up"></i>20</li>
                                                            <li><i class="icon-speech-bubble"></i>20</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-sm-6 col-xs-12">
                                                    <div class="archieve-list">
                                                         <ul>
                                                            <li><a href="#">James blake fires the officer who did.</a></li>
                                                            <li><a href="#">prison incident follows earlier bollow.</a></li>
                                                            <li><a href="#">common persons mistakes should  ignore.</a></li>
                                                            <li><a href="#">6.6 magnitude earth quake hits gulf.</a></li>
                                                            <li><a href="#">hurbagh loses his mind on sideline.</a></li>
                                                            <li><a href="#">hinted at murder before cellmate.</a></li>
                                                            <li><a href="#">sports is being latest trend in news.</a></li>
                                                        </ul> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    
                                    </div>
                                    <!-- Tab panes -->

                                </div>
                            </div>
                            <!-- archieve -->

                        </div>
                        <!-- archieve widget -->

                        <!-- add banner -->
                        <div class="add-banner text-center m-0 p-0">
                            <img src="images/add-3.jpg" alt="">
                        </div>
                        <!-- add banner -->

                    </div>
                    <!-- Content -->

                    <!-- Sidebar -->
                    <div class="col-lg-3 col-md-3 col-xs-12 custom-re">
                        <div class="row">
                        <aside class="side-bar grid">
                            <!-- Auther profile -->
                            <div class="grid-item col-lg-12 col-md-12 col-sm-4 col-xs-6 r-full-width">
                                <div class="widget light-shadow">
                                    <h3 class="secondry-heading">our authers</h3>
                                    <div class="auther-widget">
                                        <div id="auther-slider-thumb" class="auther-slider-thumb">
                                            <a data-slide-index="0" href="#"><img src="images/auth.jpg" alt=""></a>
                                            <a data-slide-index="1" href="#" class="active"><img src="images/auth-1.jpg" alt=""></a>
                                            <a data-slide-index="2" href="#"><img src="images/auth-2.jpg" alt=""></a>
                                        </div>
                                        <ul class="auther-slider">
                                            <li class="auther-detail">
                                                <strong>james watson</strong>
                                                <span>Admin, photographer</span>
                                                <p>Lorem ipsum dolor sit ameting elit consectetur adipisicing elit, sed eiusmod.</p>
                                            </li>

                                            <li class="auther-detail">
                                                <strong>james watson</strong>
                                                <span>Admin, photographer</span>
                                                <p>Lorem ipsum dolor sit ameting elit consectetur adipisicing elit, sed eiusmod.</p>
                                            </li>

                                            <li class="auther-detail">
                                                <strong>james watson</strong>
                                                <span>Admin, photographer</span>
                                                <p>Lorem ipsum dolor sit ameting elit consectetur adipisicing elit, sed eiusmod.</p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- Auther profile -->

                            <!-- Social Networks -->
                            <div class="grid-item col-lg-12 col-md-12 col-sm-4 col-xs-6 r-full-width">
                                <div class="widget">
                                    <ul class="aside-social">
                                        <li class="fb">
                                            <a href="#"><i class="fa fa-facebook"></i><span>followers</span><em>100</em></a>
                                        </li>
                                        <li class="pi">
                                            <a href="#"><i class="fa fa-pinterest-p"></i><span>followers</span><em>100</em></a>
                                        </li>
                                        <li class="tw">
                                            <a href="#"><i class="fa fa-twitter"></i><span>followers</span><em>100</em></a>
                                        </li>
                                        <li class="gmail">
                                            <a href="#"><i class="fa fa-google-plus"></i><span>followers</span><em>100</em></a>
                                        </li>
                                         <li class="sky">
                                            <a href="#"><i class="fa fa-skype"></i><span>followers</span><em>100</em></a>
                                        </li>
                                        <li class="yt">
                                            <a href="#"><i class="fa fa-youtube"></i><span>followers</span><em>100</em></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- Social Networks -->

                            <!-- twitter widget -->
                            <div class="grid-item col-lg-12 col-md-12 col-sm-4 col-xs-6 r-full-width">
                                <div class="widget">
                                    <h3 class="secondry-heading">twitter feed</h3>
                                    <ul class="twitter-feed" id="twitter-slider">

                                        <!-- tweet -->
                                        <li>
                                            <div class="twitter-brand-name">
                                                <h6><i class="fa fa-twitter"></i>
                                                <a href="#">@Envato Studio</a>
                                                <i class="fa fa-retweet pull-right"></i>
                                                </h6>
                                            </div>
                                            <div class="brand-name">
                                                <p>Could @bodletech screen tery life to new have lengths ?</p>
                                                <span class="site-link"><a href="#">http://www.telegraph.co.uk/</a>6 hour ago</span>
                                            </div>
                                        </li> 
                                        <!-- tweet -->

                                        <!-- tweet -->
                                        <li>
                                            <div class="twitter-brand-name">
                                                <h6><i class="fa fa-twitter"></i>
                                                <a href="#">@Envato Studio</a>
                                                <i class="fa fa-retweet pull-right"></i>
                                                </h6>
                                            </div>
                                            <div class="brand-name">
                                                <p>Could @bodletech screen tery life to new have lengths ?</p>
                                                <span class="site-link"><a href="#">http://www.telegraph.co.uk/</a>6 hour ago</span>
                                            </div>
                                        </li> 
                                        <!-- tweet -->

                                    </ul>
                                </div>
                            </div>
                            <!-- twitter widget -->

                            <!-- News Widget -->
                            <div class="grid-item col-lg-12 col-md-12 col-sm-4 col-xs-6 r-full-width">
                                <div class="widget">
                                    <h3 class="secondry-heading">top news</h3>
                                    <div class="horizontal-tabs-widget">

                                        <!-- tabs navs -->
                                        <ul class="theme-tab-navs">
                                            <li class="active">
                                                <a href="#week" data-toggle="tab">week</a>
                                            </li>
                                            <li>
                                                <a href="#month" data-toggle="tab">month</a>
                                            </li>
                                            <li>
                                                <a href="#all" data-toggle="tab">all</a>
                                            </li>
                                        </ul>
                                        <!-- tabs navs -->
          
                                        <!-- Tab panes -->
                                        <div class="horizontal-tab-content tab-content">
                                            <div class="tab-pane fade active in" id="week">
                                                <ul class="post-wrap-list">
                                                    <li class="post-wrap small-post">
                                                        <div class="post-thumb">
                                                          <img src="images/sidebar/news/img-01.jpg" alt="post">
                                                        </div>
                                                        <div class="post-content">
                                                            <h4><a href="#">Lorem ipsum dolors it..</a></h4>
                                                            <ul class="post-meta">
                                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                                <li><i class="fa fa-comments-o"></i>20</li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                   <li class="post-wrap small-post">
                                                        <div class="post-thumb">
                                                          <img src="images/sidebar/news/img-02.jpg" alt="post">
                                                        </div>
                                                        <div class="post-content">
                                                            <h4><a href="#">Lorem ipsum dolors it..</a></h4>
                                                            <ul class="post-meta">
                                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                                <li><i class="fa fa-comments-o"></i>20</li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="post-wrap small-post">
                                                        <div class="post-thumb">
                                                          <img src="images/sidebar/news/img-03.jpg" alt="post">
                                                        </div>
                                                        <div class="post-content">
                                                            <h4><a href="#">Lorem ipsum dolors...</a></h4>
                                                            <ul class="post-meta">
                                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                                <li><i class="fa fa-comments-o"></i>20</li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="tab-pane fade" id="month">
                                                <ul class="post-wrap-list">
                                                    <li class="post-wrap small-post">
                                                        <div class="post-thumb">
                                                          <img src="images/sidebar/news/img-01.jpg" alt="post">
                                                        </div>
                                                        <div class="post-content">
                                                            <h4><a href="#">Lorem ipsum dolors...</a></h4>
                                                            <ul class="post-meta">
                                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                                <li><i class="fa fa-comments-o"></i>20</li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                   <li class="post-wrap small-post">
                                                        <div class="post-thumb">
                                                          <img src="images/sidebar/news/img-02.jpg" alt="post">
                                                        </div>
                                                        <div class="post-content">
                                                            <h4><a href="#">Lorem ipsum dolor...</a></h4>
                                                            <ul class="post-meta">
                                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                                <li><i class="fa fa-comments-o"></i>20</li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="post-wrap small-post">
                                                        <div class="post-thumb">
                                                          <img src="images/sidebar/news/img-03.jpg" alt="post">
                                                        </div>
                                                        <div class="post-content">
                                                            <h4><a href="#">Lorem ipsum dolors...</a></h4>
                                                            <ul class="post-meta">
                                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                                <li><i class="fa fa-comments-o"></i>20</li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="tab-pane fade" id="all">
                                                <ul class="post-wrap-list">
                                                    <li class="post-wrap small-post">
                                                        <div class="post-thumb">
                                                          <img src="images/sidebar/news/img-01.jpg" alt="post">
                                                        </div>
                                                        <div class="post-content">
                                                            <h4><a href="#">Lorem ipsum dolors...</a></h4>
                                                            <ul class="post-meta">
                                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                                <li><i class="fa fa-comments-o"></i>20</li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                   <li class="post-wrap small-post">
                                                        <div class="post-thumb">
                                                          <img src="images/sidebar/news/img-02.jpg" alt="post">
                                                        </div>
                                                        <div class="post-content">
                                                            <h4><a href="#">Lorem ipsum dolors...</a></h4>
                                                            <ul class="post-meta">
                                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                                <li><i class="fa fa-comments-o"></i>20</li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="post-wrap small-post">
                                                        <div class="post-thumb">
                                                          <img src="images/sidebar/news/img-03.jpg" alt="post">
                                                        </div>
                                                        <div class="post-content">
                                                            <h4><a href="#">Lorem ipsum dolors...</a></h4>
                                                            <ul class="post-meta">
                                                                <li><i class="fa fa-clock-o"></i>25 dec, 2016</li>
                                                                <li><i class="fa fa-comments-o"></i>20</li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- Tab panes -->

                                    </div>
                                </div>
                            </div>
                            <!-- News Widget -->

                            <!-- Calender widget -->
                            <div class="grid-item col-lg-12 col-md-12 col-sm-4 col-xs-6 r-full-width">
                                <div class="widget">
                                    <h3 class="secondry-heading">Arcieve</h3>
                                    <div class="calender-widget">
                                        <div id="calendar" class="calendar"></div>
                                    </div>
                                </div>
                            </div>
                            <!-- Calender widget -->

                            <!-- Slider Widget -->
                            <div class="grid-item col-lg-12 col-md-12 col-sm-4 col-xs-6 r-full-width">
                                <div class="widget">
                                    <h3 class="secondry-heading">slider widget</h3>
                                    <div class="slider-widget">

                                        <!-- Slider -->
                                        <div id="post-slider">
                                            <div class="item">
                                                <img src="images/sidebar/slider-01.jpg" alt="slider">
                                            </div>
                                            <div class="item">
                                                <img src="images/sidebar/slider-01.jpg" alt="slider">
                                            </div>
                                            <div class="item">
                                                <img src="images/sidebar/slider-01.jpg" alt="slider">
                                            </div>
                                        </div>
                                        <!-- Slider -->

                                        <!-- Content -->
                                        <div class="post-content">
                                            <h4><a href="#">Girl yoyo Music listing</a></h4>

                                            <!-- post meta -->
                                            <ul class="post-meta">
                                                <li><i class="icon-user"></i>jessica alex</li>
                                                <li><i class="icon-clock"></i>5 Min ago</li>
                                            </ul>
                                            <!-- post meta -->

                                            <p>Lorem ipsum dolor siting amet consec adipisicing elit, sed do eiusmod.</p>
                                        </div>
                                        <!-- Content -->

                                    </div>
                                </div>
                            </div>
                            <!-- Slider Widget -->


                            <!-- facebook widget -->
                            <div class="grid-item col-lg-12 col-md-12 col-sm-4 col-xs-6 r-full-width">
                                <div class="widget">
                                    <h3 class="secondry-heading">find us on facebook</h3>
                                    <!--https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook&tabs=timeline&width=300&height=220&small_header=false&adapt_container_width=false&hide_cover=false&show_facepile=true&appId-->
                                    <iframe src="" width="300" height="220" style="border:none;overflow:hidden"></iframe>
                                </div>
                            </div>
                            <!-- facebook widget -->

                            <!-- Catogires widget -->
                            <div class="grid-item col-lg-12 col-md-12 col-sm-4 col-xs-6 r-full-width">
                                <div class="widget">
                                    <h3 class="secondry-heading">categories</h3>
                                    <ul class="categories-widget">
                                        <li><a href="#"><em>fashion</em><span class="bg-green">15</span></a></li>
                                        <li><a href="#"><em>world</em><span class="bg-masterd">15</span></a></li>
                                        <li><a href="#"><em>technology</em><span class="bg-p-green">15</span></a></li>
                                        <li><a href="#"><em>health</em><span class="bg-orange">15</span></a></li>
                                        <li><a href="#"><em>lifestyle</em><span class="bg-gray">15</span></a></li>
                                        <li><a href="#"><em>sports</em><span class="bg-masterd">15</span></a></li>
                                      
                                    </ul>
                                </div>
                            </div>
                            <!-- Catogires widget -->

                            <!-- sports Widget -->
                            <div class="grid-item col-lg-12 col-md-12 col-sm-4 col-xs-6 r-full-width">
                                <div class="widget">
                                    <h3 class="secondry-heading">sports news</h3>
                                    <div class="horizontal-tabs-widget">

                                        <!-- tabs navs -->
                                        <ul class="theme-tab-navs style-2">
                                            <li class="active">
                                                <a href="#fixtures" data-toggle="tab">Last Match</a>
                                            </li>
                                            <li>
                                                <a href="#result" data-toggle="tab">upcomming</a>
                                            </li>
                                        </ul>
                                        <!-- tabs navs -->
          
                                        <!-- Tab panes -->
                                        <div class="horizontal-tab-content tab-content">
                                            <div class="tab-pane fade active in" id="fixtures">
                                                <div class="matches-detail">
                                                    <p>49 Chapel Lane ARNE BH20 12/02/2016 / 19:00</p>
                                                    <div class="team-btw-match">
                                                        <ul>
                                                            <li>
                                                                <img src="images/team-logos/img-03.png" alt="">
                                                                <span>Munchester <br> united</span>
                                                            </li>
                                                            <li>
                                                                <img src="images/team-logos/img-04.png" alt="">
                                                                <span>Norwich <br> City</span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="goals-detail">
                                                        <ul>
                                                            <li>
                                                                <span>M. Johansen</span>
                                                                <span>23 (FNA)</span>
                                                            </li>
                                                            <li>
                                                                <span>G. Smith</span>
                                                                <span>41 (FNA)</span>
                                                            </li>
                                                            <li>
                                                                <span>T. Mosler</span>
                                                                <span>59 (FNA)</span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="result">
                                                <div class="upcoming-fixture">
                                                <div class="table-responsive">
                                                    <table class="table m-0">
                                                        <tbody>
                                                            <tr>
                                                                <td>
                                                                    <div class="logo-width-name"><img src="images/team-logos-small/img-01.png" alt="">South</div>
                                                                </td>
                                                                <td><span class="upcoming-fixture-date">6 Feb 2016 15:00</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <div class="logo-width-name"><img src="images/team-logos-small/img-03.png" alt="">South</div>
                                                                </td>
                                                                <td><span class="upcoming-fixture-date">6 Feb 2016 15:00</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <div class="logo-width-name"><img src="images/team-logos-small/img-05.png" alt="">South</div>
                                                                </td>
                                                                <td><span class="upcoming-fixture-date">6 Feb 2016 15:00</span></td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <div class="logo-width-name"><img src="images/team-logos-small/img-07.png" alt="">South</div>
                                                                </td>
                                                                <td><span class="upcoming-fixture-date">6 Feb 2016 15:00</span></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                        <!-- Tab panes -->

                                    </div>
                                </div>
                            </div>
                            <!-- sports Widget -->

                            <!-- advertisement widget -->
                            <div class="grid-item col-lg-12 col-md-12 col-sm-4 col-xs-6 r-full-width">
                                <div class="widget">
                                    <h3 class="secondry-heading">advertisement</h3>
                                    <div class="add">
                                        <a href="#"><img src="images/add.jpg" alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <!-- advertisement widget -->

                            <!-- advertisement widget -->
                            <div class="grid-item col-lg-12 col-md-12 col-sm-4 col-xs-6 r-full-width">
                                <div class="widget">
                                    <h3 class="secondry-heading">online pool</h3>
                                    <div class="pool-widget">
                                        <p>Type and scrambeld it to make a type specimen book:</p>
                                        <form role="form">
                                            <div class="radio">
                                                <label><input type="radio" name="optradio">Twice a year</label>
                                            </div>
                                            <div class="radio">
                                                <label><input type="radio" name="optradio">Once a year</label>
                                            </div>
                                            <div class="radio">
                                                <label><input type="radio" name="optradio">Only when i need it</label>
                                            </div>
                                            <div class="radio">
                                                <label><input type="radio" name="optradio">I'm healthy</label>
                                            </div>
                                        </form>
                                        <div class="group">
                                            <a href="#" class="btn red">vote now</a>
                                            <a href="#" class="btn red">view now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- advertisement widget -->
                        </aside>
                        </div>
                    </div>
                    <!-- Sidebar -->

                </div>   
                <!-- Main Content Row -->

            </div>
        </div>  


    </main>
    <!-- main content -->
    
    <!-- Footer Starts -->
    <footer class="footer">

        <!-- Footer Columns -->
        <div class="footer-columns">
            <div class="container">
                <div class="row position-r theme-padding">
                     
                    <!-- widget -->
                    <div class="col-lg-3 col-sm-3 col-xs-6 r-full-width">
                        <!-- Contact widget -->
                        <div class="footer-widget">
                            <div class="contact-list">

                                <!-- Logo Holder -->
                                <a href="index.html" class="inner-logo-2"></a>
                                <!-- Logo Holder -->

                                <ul>
                                    <li><i class="fa fa-map-marker"></i>1600 Elizabeth St, Melbournenis</li>
                                    <li><i class="fa fa-headphones"></i>( +98 ) 88-11-22-888</li>
                                    <li><i class="fa fa-envelope-o"></i>info@crizalpress.com</li>
                                    <li><i class="fa fa-skype"></i>Skype  +1 33-476-927</li>
                                    <li><i class="fa fa-globe"></i>www.crizalpress.com</li>
                                </ul>
                            </div>
                        </div>
                        <!-- Contact widget -->
                    
                    </div>
                    <!-- widget -->

                    <!-- widget -->
                    <div class="col-lg-3 col-sm-3 col-xs-6 r-full-width">
                        <!-- populer post  -->
                        <div class="footer-widget">
                            <h3>recent post</h3>
                            <div class="recent-post-widget">
                                <ul>
                                    <li>
                                        <!-- blog post -->
                                        <div class="post-wrap small-post">
                                            <!-- blog img -->
                                            <div class="post-thumb">
                                                <img src="images/flicker-imgs/img-04.jpg" alt="post">
                                            </div>
                                            <!-- blog img -->

                                            <!-- post detail -->
                                            <div class="post-content">
                                                <h5><a href="#">Luxury Travels Alternative</a></h5>
                                                <!-- post meta -->
                                                <ul class="post-meta">
                                                    <li><i class="icon-clock"></i>25 dec, 2016</li>
                                                    <li><i class="icon-speech-bubble"></i>20</li>
                                                </ul>
                                                <!-- post meta -->
                                            </div>
                                            <!-- post detail -->
                                        </div>
                                        <!-- blog post -->
                                    </li>

                                    <li>
                                        <!-- blog post -->
                                        <div class="post-wrap small-post">
                                            <!-- blog img -->
                                            <div class="post-thumb">
                                                <img src="images/flicker-imgs/img-05.jpg" alt="post">
                                            </div>
                                            <!-- blog img -->

                                            <!-- post detail -->
                                            <div class="post-content">
                                                <h5><a href="#">Luxury Travels Alternative</a></h5>
                                                <!-- post meta -->
                                                <ul class="post-meta">
                                                    <li><i class="icon-clock"></i>25 dec, 2016</li>
                                                    <li><i class="icon-speech-bubble"></i>20</li>
                                                </ul>
                                                <!-- post meta -->
                                            </div>
                                            <!-- post detail -->
                                        </div>
                                        <!-- blog post -->
                                    </li>

                                    <li>
                                        <!-- blog post -->
                                        <div class="post-wrap small-post">
                                            <!-- blog img -->
                                            <div class="post-thumb">
                                                <img src="images/flicker-imgs/img-09.jpg" alt="post">
                                            </div>
                                            <!-- blog img -->

                                            <!-- post detail -->
                                            <div class="post-content">
                                                <h5><a href="#">Luxury Travels Alternative</a></h5>
                                                <!-- post meta -->
                                                <ul class="post-meta">
                                                    <li><i class="icon-clock"></i>25 dec, 2016</li>
                                                    <li><i class="icon-speech-bubble"></i>20</li>
                                                </ul>
                                                <!-- post meta -->
                                            </div>
                                            <!-- post detail -->
                                        </div>
                                        <!-- blog post -->
                                    </li>

                                    <li>
                                        <!-- blog post -->
                                        <div class="post-wrap small-post">
                                            <!-- blog img -->
                                            <div class="post-thumb">
                                                <img src="images/flicker-imgs/img-06.jpg" alt="post">
                                            </div>
                                            <!-- blog img -->

                                            <!-- post detail -->
                                            <div class="post-content">
                                                <h5><a href="#">Luxury Travels Alternative</a></h5>
                                                <!-- post meta -->
                                                <ul class="post-meta">
                                                    <li><i class="icon-clock"></i>25 dec, 2016</li>
                                                    <li><i class="icon-speech-bubble"></i>20</li>
                                                </ul>
                                                <!-- post meta -->
                                            </div>
                                            <!-- post detail -->
                                        </div>
                                        <!-- blog post -->
                                    </li>
                                </ul>
                                
                            </div>
                        </div>
                        <!-- populer post  -->
                    </div>
                    <!-- widget -->
                   
                    <!-- widget -->
                    <div class="col-lg-3 col-sm-3 col-xs-6 r-full-width">
                        <!-- quick links -->
                        <div class="footer-widget mb-30">
                            <h3>quick links</h3>
                            <div class="quick-links">
                                <ul>
                                    <li><a href="#">Criminal or other Practice</a></li>
                                    <li><a href="#">united kingdom news</a></li>
                                    <li><a href="#">Government Announced</a></li>
                                    <li><a href="#">New technology</a></li>
                                </ul>
                            </div>
                        </div>
                        <!-- quick links -->

                         <!-- populer tags -->
                        <div class="footer-widget">
                            <h3 class="mb-20">populer tags</h3>
                            <div class="populer-tags">
                                <ul>
                                    <li><a href="#">html5</a></li>
                                    <li><a href="#">bootstrap</a></li>
                                    <li><a href="#">css3</a></li>
                                    <li><a href="#">technology</a></li>
                                    <li><a href="#">devolopment</a></li>
                                    <li><a href="#">bootstrap</a></li>
                                    <li><a href="#">jquery</a></li>
                                </ul>
                            </div>
                        </div>
                        <!-- populer tags -->
                    </div>
                    <!-- widget -->

                     <!-- widget -->
                    <div class="col-lg-3 col-sm-3 col-xs-6 r-full-width">

                        <!-- Contact widget -->
                        <div class="footer-widget mb-30">
                            <h3>flicker widget</h3>
                            <div class="flicker-imgs-list">
                                <ul>
                                    <li><a href="images/flicker-imgs/img-01.jpg" data-rel='prettyPhoto'><img src="images/flicker-imgs/img-01.jpg" alt=""></a></li>
                                    <li><a href="images/flicker-imgs/img-02.jpg" data-rel='prettyPhoto'><img src="images/flicker-imgs/img-02.jpg" alt=""></a></li>
                                    <li><a href="images/flicker-imgs/img-03.jpg" data-rel='prettyPhoto'><img src="images/flicker-imgs/img-01.jpg" alt=""></a></li>
                                    <li><a href="images/flicker-imgs/img-04.jpg" data-rel='prettyPhoto'><img src="images/flicker-imgs/img-04.jpg" alt=""></a></li>
                                    <li><a href="images/flicker-imgs/img-05.jpg" data-rel='prettyPhoto'><img src="images/flicker-imgs/img-05.jpg" alt=""></a></li>
                                    <li><a href="images/flicker-imgs/img-06.jpg" data-rel='prettyPhoto'><img src="images/flicker-imgs/img-06.jpg" alt=""></a></li>
                                    <li><a href="images/flicker-imgs/img-07.jpg" data-rel='prettyPhoto'><img src="images/flicker-imgs/img-07.jpg" alt=""></a></li>
                                    <li><a href="images/flicker-imgs/img-08.jpg" data-rel='prettyPhoto'><img src="images/flicker-imgs/img-08.jpg" alt=""></a></li>
                                    
                                </ul>
                            </div>
                        </div>
                        <!-- Contact widget -->

                        <!-- Newsletter widget -->
                        <div class="footer-widget">
                            <h3 class="mb-15">newsletter</h3>
                            <div class="newsletter-form">
                                <p>Enter your email here</p>
                                <form>
                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-envelope-o"></i></span>
                                        <input type="text" class="form-control" placeholder="Your Email">
                                        <span class="input-group-btn">
                                          <button type="submit" class="btn btn-icon">
                                            <i class="fa fa-paper-plane"></i></button> 
                                        </span>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <!-- Newsletter widget -->

                    </div>
                    <!-- widget -->

                    <!-- back To Button -->
                    <span id="scrollup" class="scrollup"><i class="fa fa-angle-up"></i></span>
                    <!-- back To Button -->
                    
                </div>
            </div>
        </div>
        <!-- Footer Columns -->

        <!-- Copyright Bar -->
        <div class="sub-footer">
            <div class="container">
                <div class="copyright-bar">
                    <p>crizal press <i class="fa fa-copyright"></i> 2015, All Rights Reserved</p>
                    <ul>
                         <li><a href="#">home</a></li>
                         <li><a href="#">about</a></li>
                         <li><a href="#">blog</a></li>
                         <li><a href="#">contact us</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- Copyright Bar -->

        <!-- contact popup -->
        <div class="footer-contact-popup">
            <div class="popup-wrap">
                <a href="#" id="popup-btn"><i class="fa fa-envelope-o"></i></a> 
                <div class="contact-holder">
                    <h4>Send us a message</h4>
                    <div class="contact-form">
                        <form>
                            <div class="form-group">
                                <input type="text" placeholder="Your Name" class="form-control">
                            </div>
                            <div class="form-group">
                                <input type="email" placeholder="Your Email" class="form-control">
                            </div>
                            <div class="form-group">
                                <textarea class="form-control" placeholder="Message" rows="3"></textarea>
                            </div>
                            <a href="#" class="btn red full-width"><span>Send</span></a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
         <!-- contact popup -->

    </footer>
    <!-- Footer Starts -->

</div>
<!-- Wrapper -->

<!-- Slide Menu -->
<div id="menu" class="res-menu" role="navigation">
    <div class="res-menu-holder">
        <!-- logo -->
        <div class="logo-holder">
            <a href="index.html" class="inner-logo"></a>
        </div>
        <!-- logo -->

        <!-- menu -->
        <ul class="res-nav">
            <li>
                <a data-toggle="collapse" href="#list-1"><i class="fa fa-angle-down pull-right"></i>Home</a>
                <ul class="collapse sub-list" id="list-1">
                    <li><a href="index.html">Version 1</a></li>
                    <li><a href="index-2.html">Version 2</a></li>
                    <li><a href="index-3.html">version 3</a></li> 
                </ul>
            </li>
            <li>
                <a data-toggle="collapse" href="#list-2"><i class="fa fa-angle-down pull-right"></i>categories</a>
                <ul class="collapse sub-list" id="list-2">
				   <li><a href="listing-page-1.html">fashion</a></li> 
				   <li><a href="listing-page-2.html">sports</a></li> 
				   <li><a href="listing-page-3.html">world</a></li> 
				   <li><a href="listing-page-4.html">lifestyle</a></li> 
				   <li><a href="listing-page-5.html">technology</a></li> 
				   <li><a href="listing-page-6.html">health</a></li> 
				   <li><a href="listing-page-7.html">MISC</a></li> 
                </ul>
            </li>
            <li>
                <a data-toggle="collapse" href="#list-3"><i class="fa fa-angle-down pull-right"></i>post</a>
                <ul class="collapse sub-list" id="list-3">
                    <li><a href="slider-post.html">slider post</a></li>
                    <li><a href="video-post.html">video post</a></li>
                    <li><a href="post-detail.html">blog detail</a></li>
                    <li><a href="post-detail-full-width.html">blog detail full width</a></li>
                </ul>
            </li>
            <li>
                <a data-toggle="collapse" href="#list-4"><i class="fa fa-angle-down pull-right"></i>shop</a>
                <ul class="collapse sub-list" id="list-4">
                    <li><a href="products.html">product </a></li>
                    <li><a href="products-detail.html">product detail</a></li>
                </ul>
            </li>
            <li>
                <a data-toggle="collapse" href="#list-5"><i class="fa fa-angle-down pull-right"></i>contact</a>
                <ul class="collapse sub-list" id="list-5">
                    <li><a href="contact.html">contact</a></li>
                    <li><a href="contact-2.html">contact 2</a></li>
                    <li><a href="contact-3.html">contact 3</a></li>
                </ul>
            </li>
            <li>
                <a data-toggle="collapse" href="#list-6"><i class="fa fa-angle-down pull-right"></i>404</a>
                <ul class="collapse sub-list" id="list-6">
                    <li><a href="error-404-1.html">error 1</a></li>
                    <li><a href="error-404-2.html">error 2</a></li>
                </ul>
            </li>
            <li>
                <a data-toggle="collapse" href="#list-7"><i class="fa fa-angle-down pull-right"></i>pages</a>
                <ul class="collapse sub-list" id="list-7">
                    <li><a href="faq.html">faq</a></li>
                    <li><a href="comming-soon.html">comming soon</a></li>
                </ul>
            </li>
        </ul>
        <!-- menu -->

        <!-- social icons -->
        <ul class="social-style-2">
            <li class="fb"><a href="#" class="fa fa-facebook"></a></li>
            <li class="tw"><a href="#" class="fa fa-twitter"></a></li>
            <li class="pi"><a href="#" class="fa fa-pinterest-p"></a></li>
            <li class="li"><a href="#" class="fa fa-linkedin"></a></li>
            <li class="sky"><a href="#" class="fa fa fa-skype"></a></li>
        </ul>
        <!-- social icons -->

        <!-- copyright -->
        <p><i class="fa fa-copyright"></i> All right reserved by <a href="#">Crizalpress</a> <i class="fa fa-heart"></i></p>
        <!-- copyright -->
    </div>
</div>
<!-- Slide Menu -->

<!-- register model -->
<div class="md-modal md-effect-1 login-modal font-oswald" id="register-popup">
    <div class="md-content">

        <!-- login socila buttons -->
        <ul class="login-social">
            <li class="fb"><a href="#"><i class="fa fa-facebook"></i>login with facebook</a></li>
            <li class="gmail"><a href="#"><i class="fa fa-google-plus" ></i>login with goolge+</a></li>
        </ul>
        <!-- login socila buttons -->

        <!-- or -->
        <span class="or-seprator">or</span>
        <!-- or -->

        <!-- sign up form -->
        <form class="signup-form">
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-user"></i></span>
                <input type="text" class="form-control" placeholder="First name*">
            </div>
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-user"></i></span>
                <input type="text" class="form-control" placeholder="Last name">
            </div>
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-envelope-o"></i></span>
                <input type="text" class="form-control" placeholder="Your Email*">
            </div>
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                <input type="text" class="form-control" placeholder="Password">
            </div>
             <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                <input type="text" class="form-control" placeholder="confirm password">
            </div>
            <div class="form-group">
                <a href="#" class="btn full-width green">get started</a>
            </div>
            <p>Already a member ? <a href="#" class="text-red">Login</a></p>
        </form>
        <!-- sign up form -->
        <a class="md-close pull-right" href="#"></a>
    </div>
</div>
<!-- register model -->

<!-- login model -->
<div class="md-modal md-effect-1 login-modal font-oswald" id="login-popup">
    <div class="md-content">

        <!-- login socila buttons -->
        <ul class="login-social">
            <li class="fb"><a href="#"><i class="fa fa-facebook"></i>login with facebook</a></li>
            <li class="gmail"><a href="#"><i class="fa fa-google-plus" ></i>login with goolge+</a></li>
        </ul>
        <!-- login socila buttons -->

        <!-- or -->
        <span class="or-seprator">or</span>
        <!-- or -->
        
        <!-- serach form -->
        <form class="login-form">
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-envelope-o"></i></span>
                <input type="text" class="form-control" placeholder="Enter your email">
            </div>
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                <input type="password" class="form-control" placeholder="*********">
            </div>
            <div class="form-group">
                <a href="#" class="btn full-width green">login</a>
            </div>
            <div class="form-group">
                <a href="#" class="forgot-password pull-right">Forgot password?</a>
                <div class="checkbox checkbox-inline">
                    <label>
                        <input type="checkbox"> Remember me
                    </label>
                </div>
            </div>
            <p>Don't have a account ? <a href="#" class="text-red">Sign up</a></p>

            <a class="md-close pull-right" href="#"></a>
        </form>
        <!-- serach form -->

    </div>
</div>
<!-- login model -->

<!-- serach modal -->
<div class="md-modal md-effect-7 search-modal font-oswald" id="search-popup">
    <div class="md-content">
        <!-- serach form -->
        <form class="search-form">
            <input class="form-control" placeholder="Type &amp; hit enter" type="text">
        </form>
        <a class="md-close pull-right fa fa-times" href="#"></a>
        <!-- serach form -->
    </div>
</div>
<!-- serach modal -->

<!-- overlay -->
<div class="md-overlay"></div>
<!-- overlay -->

<!-- Switcher  Panel -->
<div class="switcher"></div>  
<!-- Switcher Panel -->

<!-- Java Script -->
<script src="js/vendor/jquery.js"></script>        
<script src="js/vendor/bootstrap.min.js"></script>  
<script src="http://ditu.google.cn/maps/api/js?sensor=false"></script>
<script src="js/gmap3.min.js"></script>              
<script src="js/parallax.js"></script>               
<script src="js/datepicker.js"></script>                 
<script src="js/ninja-slider.js"></script>                 
<script src="js/thumbnail-slider.js"></script>                 
<script src="js/countdown.js"></script> 
<script src="js/modal.js"></script>                 
<script src="js/classie.js"></script>                   
<script src="js/big-slide.js"></script> 
<script src="js/owl-carousel.js"></script>  
<script src="js/scrollbar.js"></script> 
<script src="js/prettyPhoto.js"></script>  
<script src="js/contact-form.js"></script>           
<script src="js/bxslider.js"></script>           
<script src="js/isotope.pkgd.js"></script>           
<script src="js/main.js"></script>                    

<!-- Switcher JS -->
<script type="text/javascript" src="switcher/cookie.js"></script>
<script type="text/javascript" src="switcher/colorswitcher.js"></script>
<!-- Switcher JS -->  
</body>
</html>